<template>
  <view class="merchant-bill-container">
    <view class="merchant-bill-summary">
      <view class="summary-month active">本月</view>
      <view class="summary-info">消费：1000.00  退款：500.00</view>
    </view>
    <view class="merchant-bill-list">
      <view class="merchant-bill-item">
        <view class="bill-order">订单–87297520848</view>
        <view class="bill-date">2023-10-13 18:10:23</view>
        <view class="bill-amount">1000.00</view>
        <view class="bill-status">交易成功</view>
      </view>
      <view class="merchant-bill-item">
        <view class="bill-order">订单–87297520848</view>
        <view class="bill-date">2023-10-03 18:10:23</view>
        <view class="bill-amount refund">500.00</view>
        <view class="bill-status refund">已退款</view>
      </view>
      <!-- 其它账单... -->
    </view>
    <view class="merchant-bill-summary">
      <view class="summary-month">9月</view>
      <view class="summary-info">消费：2050.00  退款：0.00</view>
    </view>
    <view class="merchant-bill-list">
      <view class="merchant-bill-item">
        <view class="bill-order">订单–87297520848</view>
        <view class="bill-date">2023-10-13 18:10:23</view>
        <view class="bill-amount">50.00</view>
        <view class="bill-status">交易成功</view>
      </view>
      <view class="merchant-bill-item">
        <view class="bill-order">订单–87297520848</view>
        <view class="bill-date">2023-10-03 18:10:23</view>
        <view class="bill-amount refund">2000.00</view>
        <view class="bill-status refund">已退款</view>
      </view>
      <!-- 其它账单... -->
    </view>
  </view>
</template>

<script>
export default {
  name: 'MerchantBill',
  data() {
    return {};
  }
};
</script>

<style src="./merchant.css"></style> 